.SelectResourcesImg {
    object-fit: cover;
    width     : 100%;
    height    : 100%;
    display   : block;
}

.SelectResourcesAdd {
    border         : 1px dashed $--border-color-base;
    display        : flex;
    align-items    : center;
    justify-content: center;
    text-align     : center;
    border-radius  : 4px;
    background     : #fff;
    position       : relative;
    width          : 140px;
    height         : 140px;

    box-sizing: border-box;
    z-index   : 10;

    i {
        font-size: 24px;
        color    : #999;
    }
}

.showDataMain {
    margin-top:-10px;

    .addButton {
        margin-top:10px;
        cursor         : pointer;
        padding:0px 20px;
        width: fit-content;
        box-sizing     : border-box;
        background     : $--background-color-base;
        color          : $--color-primary;
        border-radius  : 4px;
        border         : 1px dashed $--border-color-primary-light;
        display        : flex;
        align-items    : center;
        justify-content: center;
        text-align     : center;
        opacity        : .8;

        i {
            font-size  : 16px;
            line-height: 30px;
        }

        .t {
            margin-left:10px;
            line-height: 20px;
            font-size  : 12px;
        }

        &:hover {
            opacity: 1;
        }
        &.disabledAddButton{
            opacity: .7;
            background     : $--background-color-base;
            color          : $--color-text-secondary;
            border-radius  : 4px;
            border         : 1px dashed $--border-color-lighter;
        }
    }
    .mainBox{
        margin-top:10px;
    }
}